<template>
  <!--<carousel :imgs="carouselImg" v-if="carouselStatus" ref="carousel"></carousel>-->
  <loading ref="loading" v-if="loadingStatus"></loading>
  <viewbox>
    <!--<slidemenu :list="list">-->

    <!--</slidemenu>-->

  </viewbox>
  <!--<bottom ref="bottom"></bottom>-->
</template>
<script>
  import carousel from './../components/carousel.vue'
  import loading from './../components/loading.vue'
  import bottom from './../components/bottom.vue'
  import viewbox from './../../components/view-box/index.vue'
  import tabbar from './../../components/tabbar/tabbar.vue'
  import tabbaritem from './../components/tabbar/tabbar-item.vue'
//  import slidemenu from './../components/menu/slide-menu.vue'
  const imgList = [
    'http://file06.16sucai.com/2016/0222/17714c3b51079911760e5ef7fdb553f6.jpg',
    'http://pic.58pic.com/58pic/15/67/98/93C58PICjeM_1024.jpg',
    'http://file06.16sucai.com/2016/0315/1df566087c24a94cd9534bc9bc1871ff.jpg',
    'http://file06.16sucai.com/2016/0222/17714c3b51079911760e5ef7fdb553f6.jpg',
    'http://pic.58pic.com/58pic/15/67/98/93C58PICjeM_1024.jpg',
    'http://file06.16sucai.com/2016/0315/1df566087c24a94cd9534bc9bc1871ff.jpg',
    'http://file06.16sucai.com/2016/0222/17714c3b51079911760e5ef7fdb553f6.jpg',
    'http://pic.58pic.com/58pic/15/67/98/93C58PICjeM_1024.jpg',
    'http://file06.16sucai.com/2016/0315/1df566087c24a94cd9534bc9bc1871ff.jpg',
    'http://file06.16sucai.com/2016/0222/17714c3b51079911760e5ef7fdb553f6.jpg',
    'http://pic.58pic.com/58pic/15/67/98/93C58PICjeM_1024.jpg',
    'http://file06.16sucai.com/2016/0315/1df566087c24a94cd9534bc9bc1871ff.jpg',
  ]
  var MyRequest = require('./../../commons/js/MyRequest.js');
  export default {
    data () {
      return {
        loadingStatus: false,
        carouselStatus: true,
        carouselImg: '',
        list:imgList
      }
    },
    components: {
      carousel,
      loading,
      bottom,
      tabbar,
      viewbox,
      tabbaritem,
//      slidemenu
    },
    created: function() {
      var data = { "action": "home_info", cityId: 1 }
      //MyRequest.MyGet("Home", this, null, data);
    },

  }

</script>

<style>
  .tab-img-home{
    background:url('./../../assets/img/home.png');
  }
  .tab-img-shop{
    background:url('./../../assets/img/home.png');
  }
  .tab-img-mine{
    background:url('./../../assets/img/mine.png');
  }
  .weui_bar_item_on .tab-img-home{
    background:url('./../../assets/img/home-active.png');
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .weui_bar_item_on .tab-img-shop{
    background:url('./../../assets/img/home-active.png');
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .weui_bar_item_on .tab-img-mine{
    background:url('./../../assets/img/mine-active.png');
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .weui_bar_item_on span{
    color: orange;
  }
  .tab-item-img{
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100%;
  }
</style>
